<template>
  <div class="pages-wrap">
    <!-- 当前的分类页面 -->
    <div class="full-page">
      <app-header></app-header>
      <div class="main">
        <div class="imgbox">
          <img src="https://img.axureshop.com/c2/e9/7b/c2e97b96ebac43fdaa2b01538e82639f/images/%E6%94%AF%E4%BB%98%E6%88%90%E5%8A%9F/u1217.png" alt="">
        </div>
        <p>支付成功</p>
        <div class="ding" @click="changRouterAction">查看订单</div>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  name: "paymentdetail",
  methods:{
    changRouterAction(){
      let orderId = this.$store.state.hotelOrder.orderId
      // console.log(this.$store.state);
      this.$router.replace(`/mine/myorder/orderlist/${orderId}`);
    }
  }
};
</script>

<style lang="scss" scoped>
@function vw($px) {
  @return ($px/375) * 100vw;
}
.full-page {
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1000;
  padding-top: vw(60);
  background-color: #fff;
}
.main{

  width:vw(161);
  justify-content: space-between;
  height:vw(188);
  display: flex;
  flex-direction: column;
align-items: center;
  margin: 0 auto;
  margin-top: vw(88);
  p{
    font-size: vw(25);
    font-weight: bold;
  }
  .ding{
    width: 100%;
    height: vw(44);
    background-color: rgba(61, 129, 253, 1);
    border-radius: 4px;
    color: #fff;
    font-size: vw(20);
    font-weight: bold;
    line-height: vw(44);
    text-align: center;
  }
}
</style>
